#mm-container
{
	position: relative;
	
	margin: auto;
	padding: 10px;

	border: 4px solid black;
	background-color: white;
}

#mm-object
{
	/*background-image: url(/os3jslib/gfx/progress/medium_white.gif);
	background-repeat: no-repeat;*/

	position: relative;
	margin: auto;

	/*width: 618px;
	height: 600px;
	*/
}

#mm-container .panel
{
	padding: 3px;
	overflow: auto;

	margin-top: 24px;
	/*
	border: 1px solid black;
	background-color: #cccccc;
	*/
}

#mm-container .panel td
{
	border: 1px solid #ffcccc;
	padding: 2px;
}

#mm-tbar {
	position: relative;

	border: 1px solid black;
	padding: 4px;
	background-color: #dddddd;
	color: black;

	margin-bottom: 1em;

	height: 14px;
}

#mm-tbar-close {
	position: absolute;

	right: 4px;

	width: 14px;
	height: 14px;

	background-image: url(close.gif);

	cursor: pointer;
}
	

.mm-act-del, .mm-act-rot-l, .mm-act-rot-r {
	width: 32px;
	height: 32px;

	cursor: pointer;

	float: left;

	background-image: url(del.png);
	background-repeat: no-repeat;

	margin-right: 3px;
}

.mm-act-rot-l {
	background-image: url(rot_l.png);
}

.mm-act-rot-r {
	background-image: url(rot_r.png);
}

.dgrid_box {
    background: url("draggable.png") no-repeat scroll 1px -64px transparent;
    border: 0 none;
    cursor: move;
    height: 60px;
    width: 30px !important;
}
.dgrid_container {
        width: 412px;
        border: 0px !important;
        padding:0px;
}
.dgrid_box:hover {
        background-position: 1px 4px;

}
.dgrid_main{
        background-color : #CFCFCF;
        border: 1px dotted #404040;
        margin-top:2px;
	min-height: 75px;
}

.dbm_caret{
        background-color : #EDEDED;
        border : 1px dotted #404040;
}

/*redefine www_arrobox css */
.arrow-item {
	background-color:#FFFFFF;
}

.wwl_arrowbox {
	border : 1px solid transparent;
	
}
.wwl_scrollbox {
	border: 1px solid transparent;
}

.wwl_scrollbox_container {
	border: 1px solid transparent;
}

.wwl_scrollbox_item {
	border: 1px solid transparent;
}
.wwl_arrowbox_next, .wwl_arrowbox_prev{
	width:36px;
	height:100%;
	top:0;
}


/*redefine www_arrobox css */

/* style for navigation*/
#mm-panel .nav {
	background: url(nav.png) repeat scroll 0 0 transparent;
	margin:auto;
	height:36px;
	width:36px;
	cursor: pointer;
}

#mm-panel .next {
	background-position: 36px 0;
}

#mm-panel .prev {
	background-position: 0 0;
}

#mm-panel .next:hover {
	background-position: -36px -36px;
}

#mm-panel .prev:hover {
	background-position: 0 -36px;
}
/*
.dgrid_container {
	width: 700px;
	border: 1px solid blue !important;
}

.dgrid_box {
	width: 680px !important;
}
*/

.media-table-youtube {
	margin-left: 40px;
	margin-top: 20px;
	width: 90%;
}

#mm-popup {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
}
#mm-popup-close {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background: url(close.png) no-repeat center center transparent;
}

#mm-popup-content {
        position: absolute;
        left: 50px;
        top: 50px;
        right: 50px;
        bottom: 50px;
}

#mm-gallery {
        width: 100%;
        height: 100%;
        background: none no-repeat center center transparent;
        background-size: contain;
}
#mm-gallery-buttons {
        position: absolute;
        left: 50%;
        width: 80px;
        height: 40px;
        margin-left: -40px;
        bottom: 0;
}
#mm-button-prev, #mm-button-next {
        width: 36px;
        height: 36px;
        border-radius: 20px;
        cursor: pointer;
}
#mm-button-prev {
        float: left;
        background: url(prev.png) no-repeat center center rgba(0,0,0,0.5);
}
#mm-button-next {
        float: right;
        background: url(next.png) no-repeat center center rgba(0,0,0,0.5);
}
